<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>错误提示</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="icon" href="./images/logo.ico" />
    <script src="./js/sethtmlfontSize.js"></script>
    <style>
        body{background:#fff;}
        .errorPage{
            width:16rem;
            height:100%;
            padding-top:3rem;
            margin:0 auto;
        }
        .errorPage .errorInfo{
            margin:0 auto;
            width:14rem;
        }
        .errorPage .errorInfo .notFound{
            width:14rem;
            padding-top:2rem;
            text-align:center;
            font-size:1.2rem;
            font-family:"微软雅黑";
            margin-bottom:2rem;
        }
        .errorPage .errorInfo .backIndex{
            margin:0 auto;
            text-align:center;
            font-size:.8rem;
            color:#36c7b7;
        }
    </style>
</head>
<body>
   <div class="errorPage">
       
       <div class="errorInfo">
           <p class="notFound">
               <img src="./images/errorPage.png" alt="">
           </p>
           
           <div class="backIndex">
               <i id="time" class="time"></i>
               <span>后自动返回实地圈首页</span>
           </div>
           
           
       </div>
       
       
       
   </div> 
    
</body>

<script src="js/jquery-1.7.2.min.js"></script>
<script>
    var doc=document;
    var backIndex=doc.querySelector(".backIndex");
    backIndex.onclick=function(){
        location.href="./index.html";
    }
     var t=null;
    function autoExec(i){
        if(i<0){
            clearTimeout(t);
            location.href="./index.html";
            return ;
        }else{
            doc.getElementById("time").innerHTML=i;
            i--;
            t=setTimeout(function(){
                autoExec(i);
            },1000);
        }  
    }
    autoExec(5);
    
    
</script>


</html>